<link type="text/css" href="<?=site_url()?>js/ui/themes/start/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="<?=site_url()?>js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/external/jquery.bgiframe-2.1.1.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.draggable.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.position.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.resizable.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.dialog.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.core.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.blind.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.explode.min.js"></script>
<div id="dialogNews" title="ข่าวการศึกษา"></div>
<script type="text/javascript">
	$.fx.speeds._default = 1000;
	$(function() {
		$('#opener').click(function() {
			$('#dialog').dialog('open');
			return false;
		});

		$('#dialogNews').dialog({
			autoOpen: false,
			width: 800,
			height: 600,
			show: 'blind'
		});
	});

	function NewsDetail(n) {
		document.getElementById('dialogNews').innerHTML = '<p><span class="style2"><Strong>' + document.getElementById('tt' + n).value + ' </Strong></span></p>';
		document.getElementById('dialogNews').innerHTML += '<div class="style2" align="left">'+document.getElementById('dt' + n).value + '<br/></div><hr/>';
		if(document.getElementById('af' + n).value != "#")
			document.getElementById('dialogNews').innerHTML += '<div align="left"><span class="style1" >เอกสารแนบ: </span><a class="style1" target="_blank" href="' + document.getElementById('af' + n).value +'"> เปิดดูเอกสาร </a></div>';
		
		$('#dialogNews').dialog('open');
	}
</script>
<table width="915" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td width="86" valign="top" style="background:url(<?=site_url()?>images/news_14.jpg) top right repeat-y;"><img src="<?=site_url()?>images/news_14.jpg" width="86" height="1250" alt="" /></td>
        <td width="739" valign="top" bgcolor="#FFFFFF"><table width="739" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="554" height="132"><img src="<?=site_url()?>images/news_16.jpg" width="554" height="132" alt="" /></td>
            <td width="184" height="132"><img src="<?=site_url()?>images/news_17.jpg" width="184" height="132" alt="" /></td>
          </tr>
          <tr>
            <td height="15" colspan="2"><img src="<?=site_url()?>images/news_19.jpg" width="739" height="15" alt="" /></td>
          </tr>
          <tr>
            <td height="32" colspan="2"><img src="<?=site_url()?>images/news_20.jpg" width="739" height="32" alt="" /></td>
          </tr>
          <tr>
            <td height="70" colspan="2" background="<?=site_url()?>images/news_21.jpg"><table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td><p class="style2">เพราะการรับรู้ข้อมูลข่าวสารทางการศึกษาอาจจะเปลี่ยนชีวิต และอนาคตของน้องๆ ได้ <img src="<?=site_url()?>images/buttomaward_19.jpg" width="75" height="15" /> จึงขอเป็นผู้แนะนำ<br>
                ข่าวคราวในแวดวงการศึกษาให้กับน้องๆ ไม่ว่าจะเป็นเรื่องเกี่ยวกับการสอบเข้าเรียนต่อ การสอบแข่งขัน วิธีการเรียนอย่าง<br />ได้ผล รวมถึงปัญหาทางด้านวิชาการต่างๆ น้องๆสามารถติดตามข่าวสารต่างๆได้ตามลิงค์ด้านล่างนี้ หรือสอบถามจาก<br>
                พี่ๆ ติวเตอร์ที่น้องๆ กำลังเรียนอยู่ หากถ้าน้องๆต้องการข้อมูลเพิ่มเติมสามารถสอบถามเพิ่มเติมได้ที่หน้าติดต่อเราได้นะคะ <br>พี่ๆ จะตอบกลับไปเร็วที่สุดค่ะ</p></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="35" colspan="2"><p><img src="<?=site_url()?>images/news_22.jpg" width="739" height="35" alt="" /></p></td>
          </tr>
          <tr>
            <td height="23" colspan="2"><img src="<?=site_url()?>images/news_23.jpg" width="739" height="23" alt="" /></td>
          </tr>
          <tr>
            <td height="500" colspan="2" align="center" valign="top"><br/>
            	<div style="width:500px;" align="left">
				<?php for($i = 0; $i < count($news); $i++) { ?>
				<div id="devlism_news_img" style="float:left;width:85px;">
				<?php
					if(file_exists(FCPATH.'data-image/news/'.($news[$i]->att_image)) AND $news[$i]->att_image!=''){
						echo '<img style="width:80px;" src="'.site_url().'data-image/news/'.($news[$i]->att_image).'" />';	
					}else{
						echo '<img style="width:80px;" src="'.site_url().'data-image/news/no-img.jpg" />';	
					}
				?>
				</div>
				<div id="devlism_news_detail" style="float:left;width:390px;margin-left:10px;">
				 		<span class="style2">
				 			<strong><?php echo strip_tags($news[$i]->title);?></strong><br/>
				 			<?php echo strip_tags($news[$i]->intro);?>
				 		</span>
				 		<span class="style1">
				 			<a href="javascript:NewsDetail('<?php echo ($news[$i]->news_id);?>');" class="style1">&#3629;&#3656;&#3634;&#3609;&#3605;&#3656;&#3629; &gt;&gt;</a>
				 		</span><br/><br/>
				 		<input type="hidden" id="af<?php echo ($news[$i]->news_id);?>" value='<?php echo $news[$i]->att_file == null ? "#" : site_url()."data-image/news/".$news[$i]->att_file ;?>' />
				 		<input type="hidden" id="dt<?php echo ($news[$i]->news_id);?>" value='<?php echo htmlspecialchars($news[$i]->detail);?>' />
				 		<input type="hidden" id="tt<?php echo ($news[$i]->news_id);?>" value='<?php echo htmlspecialchars($news[$i]->title);?>' />
				</div>
				<div style="clear:both;">&nbsp;</div>
				<?php } ?>
				</div>
				<br/>
				<br/>
				<div style="width:500px;" align="center"><span class="style2"><?php echo $paging;?></span></div>
			</td>
          </tr>
          </table></td>
        <td width="90" valign="top" style="background:#2ae4e1 url(<?=site_url()?>images/news_18.jpg) top left repeat-y;"><img src="<?=site_url()?>images/news_18.jpg" width="90" height="1250" alt="" /></td>
      </tr>
    </table>